@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-04-19 18:59:28
 * @version $Id$
 */
.banner{ width: 100%; height: 500px;  margin: 0px auto;  overflow: hidden;}
.banner .main{ width: 1920px; height: 500px; position: relative; left: 50%; margin-left: -960px; }

.profile{ width: auto; height: 630px; border-bottom: 1px solid #999999;}
.profile .main{ width: 1200px; height: 438px; margin: 0px auto;}
.profile .main img{ width: 601px; height: 361px; float: left; margin-right: 32px;}
.profile .main .introduction{ width: 566px; height: 358px; float: left;}
.profile .main h3{ font-family: "微软雅黑"; font-size: 24px; color: #333; padding-bottom: 25px;}
.profile .main p{ font-family: "微软雅黑"; font-size: 16px; color: #333; line-height: 25px; text-indent: 2em; }

.culture{ width: auto; height: 740px;}
.culture .main{ width: 1200px; height: 548px; margin: 0px auto;}
.culture .main ul{ width: 1200px; height: 548px; float: left;}
.culture .main ul li{ width: 400px; height: 235px; float: left;}
.culture .main ul li{ background: #1793e6; }
.culture .main ul li h3{  font-family: "微软雅黑"; font-size: 34px; color: #fff; text-align: center; margin: 30px auto;}
.culture .main ul li p{ font-family: "微软雅黑"; font-size: 16px; color: #fff; text-align: center; line-height: 34px;}
.culture .main ul li a img{ width: 400px; height: 235px; }

.course{ width: 100%; height: 773px; background: #ededed; }
.course .sliderbox{ width: 1200px; margin: 0px auto; }
.course .sliderbox .select{position: relative; width: 1200px; height: 138px;}
.course .sliderbox .select:before{ content: ""; width: 100%; border-top: 1px solid #33ccff; position: absolute; top: 50%; left: 0px }
.course .sliderbox .select .prev{ display: block; background: url(../img/about_bg001.png) #efefef;  position: absolute;  top: 44px; left: 0px; width: 50px; height: 50px;}
.course .sliderbox .select .next{ display: block; background: url(../img/about_bg002.png) #efefef;  position: absolute;  top: 44px; right: 0px; width: 50px; height: 50px;}
.course .sliderbox .select ul{ font-size: 0px; text-align: center; height: inherit;}
.course .sliderbox .select ul li{ display: inline-block; width: 144px; height: 100%; background: url(../img/about_bg222.png) no-repeat center center; cursor: pointer;}
.course .sliderbox .select ul li.on{ background: url(../img/about_bg111.png) no-repeat center center #efefef;}
.course .sliderbox .select ul li span{ font-family: "微软雅黑"; font-size: 14px; color: #999;}
.course .sliderbox .select ul li.on span{ color: #333;}

.course .sliderbox .show{ width: 1200px; height: 457px; overflow: hidden;}
.course .sliderbox .show ul{ width: 1200px; height: 457px; position: relative; }
.course .sliderbox .show ul li img{ width: 560px; height: 390px; float: left; margin-right: 48px; }
.course .sliderbox .show ul li h4{ width: 540px; height: 50px; font-family: "微软雅黑"; font-size: 22.01px; color: #fff; line-height: 50px; background: #000000; opacity: 0.6; position: absolute; left: 0px; top: 340px; padding-left: 20px;}
.course .sliderbox .show ul li .introduction{ width: 557px; height: 387px;  float: left;}
.course .sliderbox .show ul li .introduction h3{ font-family: "微软雅黑"; font-size: 22.01px; color: #333; }
.course .sliderbox .show ul li .introduction span{ font-family: "宋体"; font-size: 16.01px; color: #666666; padding: 10px 0px; display: block;}
.course .sliderbox .show ul li .introduction p{ font-family: "宋体"; font-size: 14.01px; color: #666666; line-height: 40px; text-indent: 2em;}